/* CSS - Update - VUONGBQ */
.left_1{width:160px;padding:20px}
.left_2{width:700px}
.left_3{width:430px;padding:20px}
.left_4{width:540px}
.left_5{width:200px}
.menu-sidebar li{list-style-type:circle}
.block_btn{display:block;width:90px;border-radius:5px;border:1px solid #f0f0f0;padding:5px 20px;text-align:center;font-weight:bold}
.block_btn:hover{text-decoration:none;color:#1e7bc9}
table
{
    margin-bottom:0px    
}
table th,table td{padding:5px}
/*table tr th{background:#1e7bc9;color:#fff}*/
.contof_left_1{padding:0 5px;margin-bottom:5px}
.contof_left_2{padding:0 5px;margin-bottom:5px;color:#1e7bc9;font-weight:bold;font-size:14px;text-transform: uppercase;text-align: center}
.contof_left_1 p{margin:0 5px}
.contof_left_1 p span{float:right}
.contof_left_1.b{font-weight: bold;text-align:center;border:1px solid #ccc;}
.cont_left_3{background:#f0f0f0;margin:10px 0;padding:5px}
.cor_5{border-radius: 5px;}
.logo_game_cont{background:#1e7bc9;width:190px;float:left;margin:10px 5px 10px;padding:5px}
.tdodd{background:#9fd7ff;font-weight:bold;color:#000}
.c_red{color:red;font-weight:bold;margin-left:10px}
.c_blue{color:blue}
.result-match li p{font-weight:bold}
.result-match li p strong{margin:0 3px}
.input-form p{float:left;width:50px;padding:15px}
.input-form .floatLeft{width:100px}
.input-form > div{margin:5px 0}
.input-form .input-text{margin-left:20px}
.error-box{border:1px solid #ff0000;padding:10px 20px;color:#ff0000}
.error-box ul li{list-style-type:circle}
/* CSS - VUONGBQ*/
.floatRight{float:right !important}
.floatLeft{float:left !important}
.index-login {
	width:400px;
	margin-top:5px;
	padding: 5px;
	text-align: left;
}
.txt_1{height:11px;width:105px}
.btn-login-index {
	background:#1e7bc9;
	padding: 6px 15px;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;		
	cursor: pointer;	
}
.btn-login{background:#1e7bc9;padding:6px 15px;color:#fff;font-weight:bold;border-radius:5px;width:68px;margin-left: 400px;}
.main-article{font-family:Tahoma, sans-serif;margin-left:10px}
.article_box{    
    width:442px;    
    display:block;
    float:left;
    margin-right:20px;
    margin-bottom:20px;    
    box-shadow: 1px 1px 10px #E2E2E2;
	border:1px solid #CCCCCC;
}
.header-main-article h1{font-size:28px;color:#1e7bc9;font-family:MyriadPro}
.article_box .left-image
{
    border:1px solid #CCCCCC;
    width:160px;
    height:150px;
    padding:2px;
    float:left;
    margin:15px;
    box-shadow:1px 1px 10px #E2E2E2;
    
}
.article_box .right-content
{
    float:left;
    padding-top:5px;
    
}
.article_box .right-content p
{
    margin:0;text-align:justify        
}
.article_box .right-content span
{
    color:red        
}
.article_box > a{float: left;padding-left: 22px;padding-top: 10px;}

.container.footer{text-align:justify;padding-top:20px}
.upcomming .article_box{padding:1px 2px}
.teams_vs{background:url('../images/bg_vs_teams.png');width:437px;height:26px}
.teams_vs p{margin:0 5px;font-weight:bold}
.teams_vs .floatLeft{color:#426caa}
.teams_vs .floatRight{color:#a39da1}
.score{background:#f2f2f2;width:437px;height:14px}
.score p{border:1px solid #e9e9e9;display:inline-block;font-weight:bold;font-size:10px;height:12px;vertical-align:middle;line-height:11px}
/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-family: Tahoma,Geneva,Arial,sans-serif;}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}

/* ================= 2. General tags ================= */
/*body {font: 11px/1.7 Tahoma, sans-serif;color:#666666;-webkit-font-smoothing: antialiased;}*/
h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;margin-bottom:12px;font-weight:600;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;}
a {color:#d93e39;}
a:hover {text-decoration:underline;}
pre {white-space:pre;overflow:auto;padding:20px;}
code {font-family:Tahoma,Geneva,Arial,sans-serif;white-space:pre;overflow:auto;padding:14px;color:#595959;background:#f6f6f6;display:block;border:1px solid #ddd;font-size:11px;line-height:15px;}
code strong {color:#000;}
p {
    color:#666666;font-size:11px;font-family:Tahoma,Geneva,Arial,sans-serif;line-height:22px;}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset,blockquote,article,p { margin-bottom: 0px; }
::selection {background:#d93e39;color:#FFFFFF;}
::-moz-selection {background:#d93e39;color:#FFFFFF;}


/* ================= 3. Headers ================= */
h1 {font-size:25px;color:#404040;}
h2 {font-size:22px;color:#404040;}
h3 {font-size:19px;color:#404040;}
h4 {font-size:16px;color:#404040;}
h5 {font-size:14px;color:#404040;}
h6 {font-size:12px;color:#404040;}

h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular {font-weight:400;}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {color:#d93e39;}
h1.violet, h2.violet, h3.violet, h4.violet, h5.violet, h6.violet {color:#3132b7;}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {color:#3f8213;}
h1.black, h2.black, h3.black, h4.black, h5.black, h6.black {color:#262626;}
h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {color:#80828d;}
h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow {color:#cf7306;}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {color:#155cbc;}
h1.page_title {margin-bottom:10px;}
h1.bottom_line {border-bottom:1px solid #d9d9d9;margin:20px 0 30px 0;padding:0 0 10px 0;}
h2.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:10px;}
h3.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:20px;padding-bottom:15px;}
h3.bottom_line2 {border-bottom:1px solid #d9d9d9;margin-bottom:0;padding-bottom:5px;}
h4.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:11px;padding-bottom:10px;}
p.bottom_line {border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding:0 0 13px 0;}
p.align_center {text-align:center;font-size:14px;color:#999999;font-family: "Lato", sans-serif;}
p.align_center a {font-weight:bold;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:600;}


/* ================= 4. List Styles ================= */
ul {list-style:none;margin-top:0;}
ol {margin-bottom:0;margin-top:0;}
ol, ol li{list-style:decimal outside;}

/* ================= 5. Images ================= */
img.alignleft {float:left;margin:10px 16px 10px 0;}
img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
img.alignright {float:right;margin:5px 0px 5px 11px;}


/* ================= 6. Tables ================= */
table {border-collapse:separate;border-spacing:0;width:100%;padding:0;}
table thead td {background:#dddddd;height:30px;color:#262626;font-family: "Lato", sans-serif;font-size:12px;font-weight:normal;text-align:center;}
table td {    
    padding:0;
    height:29px;
    color:#4d4d4d;
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    text-align:center;    
}
table tr.grey {background:#f2f2f2;}

/* ================= 7. Forms ================= */
input, textarea {
    border:1px solid #cccccc;
    padding:2px 10px 2px 10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:11px;color:#000000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;    
}


/* ================= 7. Deviders ================= */
.clear {content:".";display:block;clear:both;height:0;visibility:hidden;}
.padding3 {padding-top:3px;font-size:0;line-height:0;}
.padding5 {padding-top:5px;font-size:0;line-height:0;}
.padding10 {padding-top:10px;font-size:0;line-height:0;}
.padding12 {padding-top:12px;font-size:0;line-height:0;}
.padding15 {padding-top:15px;font-size:0;line-height:0;}
.padding17 {padding-top:17px;font-size:0;line-height:0;}
.padding20 {padding-top:20px;font-size:0;line-height:0;}
.padding25 {padding-top:25px;font-size:0;line-height:0;}
.padding30 {padding-top:30px;font-size:0;line-height:0;}
.padding40 {padding-top:40px;font-size:0;line-height:0;}
.padding50 {padding-top:50px;font-size:0;line-height:0;}
.padding60 {padding-top:60px;font-size:0;line-height:0;}
.padding80 {padding-top:80px;font-size:0;line-height:0;}
.none {display:none;}
.line {
    font-size:0px;
    border-top:1px solid #d9d9d9;    
}
hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}
hr {background: #d9d9d9;color: #d9d9d9;margin:5px 0 25px 0;}
hr.dotted {border-style: dotted;}
p + hr {margin:25px 0 20px 0;}

/* ======================================================================================================
					02. GENERAL STRUCTURE
=======================================================================================================*/

/* ================= 1. Header and Logo ================= */
.container 
{
    width:960px;
    margin:0 auto;    
}
.header_bg {height: 130px;margin-top: 5px;float: left; } 
.header_bg.grey {background:#f2f2f2 url("../images/header_delimiter.png") repeat-x bottom;} 
.header_bg .logo {float:left;margin-bottom:10px;margin-top:10px;}

/* ================= 2. Header Menu ================= */
.main-menu {
	float: left;
    margin: -35px 0 0;
    padding-left: 210px;
	position: fixed;	
}
    
    
.main-menu ul {margin:0;}
.main-menu li ul {padding-top:2px;left:-2px;}
.main-menu li ul li {box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1);}
.main-menu li {white-space:nowrap;display:block;position:relative;margin:0;padding:0;z-index:100;}

.main-menu a {
	display:block;
	position:relative;
	font-size:14px;
	font-family: Arial,Tahamo, "Lato", sans-serif;
	color:#ffffff;
	font-weight: bold;
}
.main-menu a:hover {
	text-decoration:none;
	color: #DAE23F;
}
.main-menu li.submenu > a {padding-right:20px;background:url(../images/menu_down_arrow.png) no-repeat right;cursor:default;}
.main-menu > ul > li {float:left;margin-right:28px;}
.main-menu  > ul > li:last-child {margin-right:0;}
.main-menu li ul{display:none;position:absolute;top:100%;z-index:100;}
.main-menu li:hover > ul {display:block;}
.main-menu li ul li.submenu > a {padding-right:10px;background:url(../images/submenu_left_arrow.png) no-repeat right;}
.main-menu li ul li.submenu > a:hover {padding-right:10px;background:#f5f5f5 url(../images/submenu_left_arrow.png) no-repeat right;}
.main-menu li ul li {border:1px solid #d9d9d9;border-bottom:0;background:#FFF;}
.main-menu li ul li a:hover {background:#f5f5f5;color:#d43a32;}
.main-menu li ul li:last-child {border-bottom:1px solid #d9d9d9;}
.main-menu li ul li a {padding:0 25px 0 12px;line-height:33px;}
.main-menu li ul li ul {top:-1px !important;left:100% !important;padding:0 !important;}


/* ================= 3. Footer ================= */
.footer_bg {background:#1b783c;margin-top:60px;}
.footer_bg.no_margin {margin-top:0;}
.footer_bg .footer h1.about {background:url("../images/footer_about.png") no-repeat 0px 4px;color:#aaaaaa;font-size:18px;text-shadow:0 1px 0 #262626;font-weight:400;text-indent:30px;}
.footer_bg .footer h1.blog {background:url("../images/footer_blog.png") no-repeat 0px 4px;color:#aaaaaa;font-size:18px;text-shadow:0 1px 0 #262626;font-weight:400;text-indent:30px;}
.footer_bg .footer h1.flickr {background:url("../images/footer_flickr.png") no-repeat 0px 4px;color:#aaaaaa;font-size:18px;text-shadow:0 1px 0 #262626;font-weight:400;text-indent:30px;}
.footer_bg .footer p {color:#cccccc;line-height:22px;font-family: "Lato", sans-serif; }

.footer_bg_bottom {
    border-top: 1px solid #363636;
    background: #196230;   
    margin-top: 5px;
}

.footer .lastest_posts img {float:left;margin:5px 20px 0 0;}
.footer .lastest_posts a {font-family: "Lato", sans-serif;}
.footer .col_1_3 {width:280px;margin:20px 40px 0 0;}
.footer .col_1_3.last {width:280px;margin:20px 0 0 0;}
.footer .flickr ul {margin-right:-20px;}
.footer .flickr ul li {padding:0;margin:0 20px 20px 0;float:left;}
.ie7 .footer .flickr ul li {padding:0;margin:0 13px 19px 0;float:left;}
.footer .flickr ul li a {border:4px solid #202020;display:block;width:72px;height:72px;}


.footer_bottom .menu ul {list-style: none;padding:20px 0 0 0;}
.footer_bottom .menu ul li {float:left;position:relative;display:block;margin:0 40px 0 0;padding:0;list-style:none;z-index: 9999;}
.footer_bottom .menu ul li a {font-family:"Lato", sans-serif;color:#a6a6a6;font-weight:600;font-size:14px;display:block;text-decoration:none;float:left;}
.footer_bottom .menu ul li a.selected {color:#d93e39;}
.footer_bottom .menu ul li a:hover {color:#d93e39;}
.footer_bottom  p a {color:#a6a6a6;line-height:22px;font-family: "Lato", sans-serif;font-weight:600;}
.footer_bottom  .keep_in {padding:20px 0 0 0;font-size:14px;color:#a6a6a6;font-family: "Lato", sans-serif;font-weight:600;}


/* ================= 4. Page title + Search ================= */
.page_info {margin:10px 0 17px 0;}
	.page_info .text {float:left;}
		.page_info .text h1 {font-size:24px;color:#d93e39;font-weight:400;padding:0;margin:10px 0 0 0;}
	.page_info .search {float:right;color:#808080;font-family:"Lato", sans-serif;font-size:14px;margin:10px 0 0 0;}
		.page_info .search .left {float:left;padding:0 0 0 0;}
		.page_info .search .right {float:left;padding:4px 0 0 0;}
		.page_info .search .inputSearch {cursor:pointer;background:url("../images/search_button.png") no-repeat;width:40px;height:30px;border:0;margin:0;}
		.page_info .search .inputSearch:hover {background-repeat:no-repeat;background-position:100% -30px;}
		.page_info .search .inputSearch:active {background-repeat:no-repeat;background-position: 0 -60px;}
		.page_info .search .inputText{color:#808080;border:1px solid #e4e4e4;width:140px;height:20px;padding:5px;margin:4px 15px 0 11px;}
.delimiter {background:url("../images/companies_bottom.png") repeat-x;height:5px;margin:0 0 15px 0;}


/* ================= 5. Columns ================= */
.content {width:620px;margin:25px 40px 0 0;float:left;}
.sidebar {width:280px;margin:10px 0 0 0;float:left;}
.col_1_2 {width:460px;float:left;margin:0 20px 0 0;}
.col_2_3 {width:520px;float:left;margin:0 20px 0 0;}
.col_1_3 {width:331px;float:left;margin:0 20px 0 0;}
.col_1_4 {width:220px;float:left;margin:0 20px 0 0;}
.col_1_5 {width:172px;float:left;margin:0 20px 0 0;}
.col_3_4 {width:700px;float:left;margin:0 20px 0 0;}
.col_3_5 {
    width: 450px;
    float: left;
    margin: 20px 12px 0;
}
.col_3_7{ border-style: solid;border-width: 1px;float: left;margin: 0 11px 0;}
.col_3_6{width:940px;float:left;margin:0 12px 0;}
.col_4{width:115px}
.col_5{width:230px}
.in_b{display:inline-block}
.content .col_1_2 {width:300px;}
.content .col_1_3 {width:193px;}
.content .col_2_3 {width:406px;}
.content .col_1_4 {width:140px;}
.content .col_1_5 {width:108px;}
.content .col_3_4 {width:460px;}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {margin:0;}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {margin:0;}




/* ======================================================================================================
					04. SPECIFIC PAGE STYLES
=======================================================================================================*/

/* ================= 1. Homepage Companies ================= */
.companies {padding:0;margin:25px 0 80px 0;}
.companies .ctop {background:url("../images/companies_top.png") repeat-x;height:5px;}
.companies .cbody {margin:30px 0;}
.companies .cbody ul {padding:0;margin:0;}
.companies li {float:left;margin:0 0 0 16px;padding:0;display:inline;}
.companies li a.thumb {width:140px;height:50px;cursor:pointer;display: block;}
.companies li span {width:140px;height:50px;overflow:hidden;display:block;}
.companies .cbottom {background:url("../images/companies_bottom.png") repeat-x;height:5px;margin:0 0 0 0;}


/* ================= 2. Homepage Featured Columns ================= */
.featured_bg {background:url("../images/featured_bg.png") no-repeat top center;}
.featured_block {text-align:center;margin:5px 0 35px 0;}
.featured_block h3 {padding:0;margin-bottom:10px;}
.featured_block p {text-align:center;padding-top:0;margin-top:0;}
.featured_bg img {position:relative;}
.features .title {border-bottom:1px solid #d9d9d9;padding:0 0 10px 0;margin:0 0 13px 0;}
.features img {float:left;margin:0 10px 0 0;}
.features .title h3 {font-weight:bold;margin:0 0 0 0;line-height:26px;}
.features .title h4 {font-size:19px;font-weight:400;margin:0 0 0 0;}


/* ================= 3. Homepage Widgets ================= */
.homepage_divider {background:url("../images/homepage_divider.png") repeat-x;height:5px;margin-top:0;}
.homepage_widgets_bg {background:#f1f1f1;}
.button_divider {width:207px;margin:-70px auto 0 auto;}
.button_divider a.button_big {margin:0 0 0 11px;}
.homepage_widgets {text-align:center;border:0;border-top:1px solid #f1f1f1;padding:40px 0 80px 0;}
.homepage_widgets .col_1_3 {width:280px;margin:40px 20px 0 20px;}
.homepage_widgets .col_1_3 h3.red {margin:27px 0 10px 0;}
.homepage_widgets .col_1_3 .widget_body p {margin:0 0 0 0;}
.homepage_widgets .col_1_3.first {margin:40px 20px 0 10px;}
.homepage_widgets .col_1_3.last {width:280px;margin:40px 0 0 20px;}
.homepage_widgets .widget_body {border:1px solid #cccccc;background:#FFF;padding:10px 20px;margin:0 0 0px 0;}
.homepage_widgets .widget_body  .homepage_widget_top {height:20px;background:url("../images/homepage_widget_top.png") repeat-x;margin:0 0 10px 0;}
.homepage_widgets .widget_body  .divider_border {height:1px;background:url("../images/homepage_widget_divider_border.png") repeat-x;margin:5px 0 10px 0;}
.homepage_widgets .widget_body  .image {border:1px solid #cccccc;float:left;padding:5px 5px 0 5px;width:60px;margin-top:6px;position:relative;}
.homepage_widgets .widget_body  .image img {width:60px;height:60px;}
.homepage_widgets .widget_body  .image .widget_quotes {width:25px;height:22px;background:url("../images/widget_quotes.png") no-repeat;position:absolute;top:-7px;left:0px;}
.homepage_widgets .widget_body  .text {width:150px;margin-left:15px;float:left;}
.homepage_widgets .widget_body  .text p {text-align:left;line-height:22px;margin:0 0 5px 0;}
.homepage_widgets .widget_body  .widget_comments {text-align:left;font-family: "Lato", sans-serif;color:#dc4b46;font-size:12px;float:left;padding:3px 0 3px 0;}
.homepage_widgets .widget_body .hour {font-family:Tahoma;font-size:11px;line-height:11px;color:#a7a6a6;padding:7px 0 0 15px;background:url("../images/hour.png") no-repeat left 85%;float:right;}
.homepage_widgets .widget_bottom  {background:url("../images/homepage_widget_bottom.png") no-repeat;width:282px;height:10px;font-size:0;}
.homepage_widgets p {text-align:center;}
.homepage_widgets .widget_newsletter {border:1px solid #cccccc;background:#FFF;}
.homepage_widgets .widget_newsletter h3 {margin:10px 0 10px 0;}
.homepage_widgets .widget_newsletter .wline {background:url("../images/newsletter_bg.png") no-repeat;height:6px;font-size:0;}
.homepage_widgets .widget_newsletter  .widget_newsletter_body {padding:10px 20px 20px 20px;}
.homepage_widgets .widget_newsletter  .divider_border {height:1px;background:url("../images/homepage_widget_divider_border.png") repeat-x;margin:0 0 10px 0;}
.homepage_widgets .widget_newsletter  label {color:#707070;font-size:14px;font-weight:400;text-align:left;display:block;margin:10px 0 10px 0;}
.homepage_widgets .widget_newsletter  input[type="text"] {border:1px solid #e6e6e6;color:#707070;font-size:14px;font-weight:400;width:90%;}
.homepage_widgets .widget_newsletter .button_big {margin:10px 0 10px 0;}
.homepage_widgets .widget_newsletter  .button_big span {width:195px;}
.recent_post_slider .slides_container {width:238px;display:none;}
.recent_post_slider  .slides_container div.slide {width:238px;display:block;}

.follow_us_box {padding:15px;background:#FFF;border:1px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.follow_us_box a.twitter {background:url("../images/homepage_twitter.png") no-repeat left;padding:0 0 0 24px;font-size:16px;font-family: "Lato", sans-serif;color:#262626;float:left;}
.follow_us_box a.twitter:hover {text-decoration:none;}
.follow_us_box a.twitter span {color:#d93e39;}
.follow_us_box span.spacing {color:#262626;font-size:16px;padding:0 30px 0 30px;}
.follow_us_box a.facebook {background:url("../images/homepage_facebook.png") no-repeat left;padding:0 40px 0 18px;font-size:16px;font-family: "Lato", sans-serif;color:#262626;float:right;}
.follow_us_box a.facebook span {color:#d93e39;}
.follow_us_box a.facebook:hover {text-decoration:none;}


.recent_works_left {float:left;}
.recent_works_left h2 {margin-bottom:10px;}
.recent_works_left h2 strong {font-weight:700;}
.recent_works_right{float:right;padding:11px 0 3px 0;}
.recent_works_right a.prev_item {float:left;display:block;width:22px;height:22px;margin-right:8px;background:url("../images/portfolio_prev.png") no-repeat top;}
.recent_works_right a.prev_item:hover {background:url("../images/portfolio_prev.png") no-repeat bottom;}
.recent_works_right a.next_item {float:left;display:block;width:22px;height:22px;background:url("../images/portfolio_next.png") no-repeat top;}
.recent_works_right a.next_item:hover {background:url("../images/portfolio_next.png") no-repeat bottom;}
.recent_works {padding:0 0 0 0;margin:0 0 0 0;}
.recent_works ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;}
.recent_works ul li {margin:0 10px 60px 10px;width:293px;height:366px;float:left;background:#FFF;}
.recent_works ul li .recent_image {width:281px;height:215px;padding:5px;border:1px solid #cccccc;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;}
.recent_works ul li .recent_image .portfolio_image {width:281px;height:215px;}
.recent_works ul li .title {border-bottom:1px solid #cccccc;text-align:left;display:block;padding:10px 0 10px 0;font-family: "Lato", sans-serif;font-size:18px;color:#262626;}
.recent_works ul li .title a {font-family: "Lato", sans-serif;font-size:18px;color:#262626;}
.recent_works ul li .title a:hover {color:#d93e39;}
.recent_works ul li .description {border-bottom:1px solid #cccccc;display:block;padding:10px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;}
.recent_works ul li .clear {display:block;clear:both;padding:5px 0 0 0;}


/* ================= 4. Contact Page ================= */
.contact_map {background:url("../images/contact_map.png") no-repeat;width:261px;height:310px;padding:35px 0 0 21px;margin:30px 0 30px 0;}
.map_canvas {width:240px;height:280px;}
.required_info {font-size:14px;font-family:Arial,Tahamo, "Lato", sans-serif;margin:0 0 10px 0;}
.required_info span {color:red;}
.inputText {width:300px;height:24px;border:1px solid #cccccc;padding:7px;}
.inputTextarea {width:525px;height:250px;border:1px solid #cccccc;padding:7px;}
.contact_form .inputText.error_class {border:1px solid #ef716d;}
.contact_form .inputTextarea.error_class {border:1px solid #ef716d;}
.contact_form label {width:72px;float: left;text-align:left;margin-right: 0.5em;margin-top: 0.8em;display: block;color:#262626;font-size:13px;font-family:"Lato", sans-serif;}
.contact_form label span {color:red;}
.submit {margin-left:77px;}

.contact_socials {margin:0 0 20px 0;}
.contact_socials .social_networks {margin:0 0 0 2px;padding:0;}
.contact_socials .social_networks li  {margin:0 0 10px 0;float:left;width:50%;}
.contact_socials .social_networks li a strong  {display:block;float:left;padding:6px 0 0 10px;font-family:"Lato", sans-serif;font-weight:normal;font-size:14px;color:#666666;}
.contact_socials .social_networks li a:hover strong {color:#d93e39;}
.contact_socials .social_networks li a span {float:left;}


/* ================= 5. Portfolio ================= */
.portfolio_1_4 {padding:0 0 0 0;margin:0 -20px 0 0 ;}
.portfolio_1_4 ul {width:960px;margin-bottom:0;}
.portfolio_1_4 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;}
.portfolio_1_4 ul li {margin:0 20px 60px 0;width:220px;height:324px;float:left;background:#FFF;}
.portfolio_1_4 ul li .image {width:208px;height:155px;padding:5px;border:1px solid #cccccc;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.portfolio_1_4 ul li .image .portfolio_image {width:208px;height:155px;}
.portfolio_1_4 ul li .title {border-bottom:1px solid #cccccc;text-align:left;display:block;padding:10px 0 10px 0;font-family: "Lato", sans-serif;font-size:16px;color:#262626;}
.portfolio_1_4 ul li .title a {font-family: "Lato", sans-serif;font-size:16px;color:#262626;}
.portfolio_1_4 ul li .title a:hover {color:#d93e39;}
.portfolio_1_4 ul li .description {border-bottom:1px solid #cccccc;display:block;padding:10px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;}
.portfolio_1_4 ul li .clear {display:block;clear:both;padding:5px 0 0 0;}


.portfolio_1_3 {padding:0 0 0 0;margin:0 -20px 0 0 ;}
.portfolio_1_3 ul {width:960px;margin-bottom:0;}
.portfolio_1_3 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;}
.portfolio_1_3 ul li {margin:0 20px 60px 0;width:300px;height:366px;float:left;background:#FFF;}
.portfolio_1_3 ul li .image {width:288px;height:215px;padding:5px;border:1px solid #cccccc;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.portfolio_1_3 ul li .image .portfolio_image {width:288px;height:215px;}
.portfolio_1_3 ul li .title {border-bottom:1px solid #cccccc;text-align:left;display:block;padding:10px 0 10px 0;font-family: "Lato", sans-serif;font-size:18px;color:#262626;}
.portfolio_1_3 ul li .title a {font-family: "Lato", sans-serif;font-size:18px;color:#262626;}
.portfolio_1_3 ul li .title a:hover {color:#d93e39;}
.portfolio_1_3 ul li .description {border-bottom:1px solid #cccccc;display:block;padding:10px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;}
.portfolio_1_3 ul li .clear {display:block;clear:both;padding:5px 0 0 0;}

.portfolio_1_2 {padding:0 0 0 0;margin:0 -40px 0 0;}
.portfolio_1_2 ul {width:960px;}
.portfolio_1_2 ul:after {content: "";display: block;height:0;overflow:hidden;clear:both;}
.portfolio_1_2 ul li {margin:0 20px 60px 0;width:460px;height:454px;float:left;background:#FFF;}
.portfolio_1_2 ul li .image {width:448px;height:325px;padding:5px;border:1px solid #cccccc;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.portfolio_1_2 ul li .image .portfolio_image {width:448px;height:325px;}
.portfolio_1_2 ul li .title {border-bottom:1px solid #cccccc;text-align:left;display:block;padding:10px 0 10px 0;font-family: "Lato", sans-serif;font-size:18px;color:#262626;}
.portfolio_1_2 ul li .title a {font-family: "Lato", sans-serif;font-size:18px;color:#262626;}
.portfolio_1_2 ul li .title a:hover {color:#d93e39;}
.portfolio_1_2 ul li .description {border-bottom:1px solid #cccccc;display:block;padding:10px 0 10px 0;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:22px;color:#4d4d4d;}
.portfolio_1_2 ul li .clear {display:block;clear:both;padding:5px 0 0 0;}



/* === Portfolio category filter === */
.filter {margin:15px 0 0 0;float:right;}
.filter ul {margin:0;}
.filter ul  li {margin:0;padding:0;float:left;}
.filter li.separator {background:url("../images/portfolio_separator.png") no-repeat center bottom;text-decoration:none;width:1px;height:22px;padding:0 20px;}
.filter a {color: #b3b3b3;display: inline-block;padding:0 5px;font-size:14px;font-family: "Lato", sans-serif;}
.filter a:hover {color:#de5853;text-decoration:none;}
.filter a.selected {color:#262626;}
.portfolio_button_left {float:left;}
.portfolio_button_right {float:right;}
.portfolio_button_right .button_medium span {margin-right:0;}
.portfolio_nav {float:right;margin:10px 0 10px 0;}
.portfolio_nav li {float:left;}
.portfolio_nav a.next {float:left;display:block;background:url("../images/portfolio_next.png") no-repeat top right;padding-right:30px;color:#b8b8b8;font-size:14px;font-family:"Lato", serif;text-decoration:none;height:22px;}
.portfolio_nav a.next:hover {background:url("../images/portfolio_next.png") no-repeat bottom right;text-decoration:none;color:#d93e39;}
.portfolio_nav a.prev {float:left;display:block;background:url("../images/portfolio_prev.png") no-repeat top left;padding-left:30px;color:#b8b8b8;font-size:14px;font-family:"Lato", serif;text-decoration:none;height:22px;}
.portfolio_nav a.prev:hover {background:url("../images/portfolio_prev.png") no-repeat bottom left;text-decoration:none;color:#d93e39;}
.portfolio_nav li.separator {background:url("../images/portfolio_separator.png") no-repeat center bottom;text-decoration:none;width:1px;height:22px;padding:0 20px;}

/* === Clearfix === */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}


/* ================= 6. Pricing Table ================= */
.pricing_table {margin:90px 0 40px 0;position:relative;text-align:center;}
.pricing_table .box {float:left;margin:0;padding:0;position: relative;}
.pricing_table.columns_2 .box {width:370px;}
.pricing_table.columns_3 .box {width:246px;}
.pricing_table.columns_4 .box {width:185px;}
.pricing_table.columns_5 .box {width:148px;}
.pricing_table .item_list {width:200px;text-align:left;}
.pricing_table .featured {z-index:10;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .20);-moz-box-shadow:0 0 20px rgba(0, 0, 0, .20);box-shadow:0 0 20px rgba(0, 0, 0, .20);}
.pricing_table .head {background:#42ac13;color:#fff;min-height:68px;}
.pricing_table .item_list .head {background:0;}	
.pricing_table .featured .head {z-index:1;background:#d93e39;padding: 0 0 0 0;border:1px solid #b42b26;margin-top:-32px;box-shadow: 0 0 10px #a6a6a6;}	
.pricing_table .featured .head .best {background:#f56a66;height:25px;color:#FFF;font-size:14px;font-weight:normal;font-family:'Lato', sans-serif;border:1px solid #f99d97;padding:5px 0 0 0;}
.pricing_table .title {color: #FFFFFF;font-size: 20px;font-weight:bold;margin: 0 0 2px 0;padding:5px 15px 0 15px;text-transform: uppercase;font-family: "Lato", sans-serif;line-height:29px;}
.pricing_table .price {color:#c6faaf;font-size:16px;line-height:22px;font-weight:400;margin:0;font-family:"Lato", sans-serif;padding:0;}
.pricing_table .featured .price {font-weight:bold;color:#FFF;border-bottom:1px solid #b42b26;padding:0 0 7px 0;}
.pricing_table .pricing_items {margin:0;border-left:1px solid #fff;}
.pricing_table .item_list .pricing_items {border-left:0;font-weight:bold;}
.pricing_table .pricing_items li {background: #fdfdfc;padding:13px 10px 13px 10px;font-family: "Lato", sans-serif;font-size:13px;line-height:24px;}
.pricing_table .pricing_items li:nth-child(odd) {background: #f5f5f5; }
.pricing_table .pricing_items li .check {background:url("../images/pricing_check.png") no-repeat;display:inline-block;height:24px;width:24px;padding:0;}
.pricing_table .pricing_items li .remove {background:url("../images/pricing_remove.png") no-repeat;display:inline-block;height:24px;width:24px;padding:0;margin:0;}
.pricing_table .foot {background:#e6e6e6;height:45px;padding:15px 0 0 0;}
.pricing_table .foot .button {width:90px;margin:0 auto;}
.pricing_table .foot a.button_small span {width:60px;}
.pricing_table .featured .foot {padding-bottom:5px;}
.pricing_table .item_list .foot {background:0;}



/* ======================================================================================================
					05. BLOG
=======================================================================================================*/

/* ================= 1.  Blog ================= */
.blog_post {margin:0 0 50px 0;}
.blog_post.no_margin {margin:0;}
.blog_post .left_side {width:68px;float:left;}
.blog_post .left_side .comment_nr {padding:10px 0 0 0;}
.blog_post .left_side .comment_nr a {font-size:11px;font-family:Tahoma, sans-serif;color:#262626;}
.blog_post .left_side .comment_nr a:hover {color:#d93e39;}
.blog_post .left_side .date {width:60px;background:url("../images/date_bg.png") no-repeat;height:60px;}
.blog_post .left_side .date .day {font-family:"Lato", sans-serif;text-align:center;font-size:24px;color:#FFFFFF;font-weight:bold;text-shadow:0 2px 0 #bd1513;line-height:24px;}
.blog_post .left_side .date .month {font-family:"Lato", sans-serif;text-align:center;font-size:13px;color:#FFFFFF;font-weight:bold;text-shadow:0 2px 0 #bd1513;padding-top:12px;line-height:13px;}
.blog_post .right_side {width:552px;float:left;}
.blog_post .right_side .block_post {padding:9px 19px 0 19px;width:512px;border:1px solid #cccccc;-moz-box-shadow: 0px 2px 1px #e8e8e8;-webkit-box-shadow: 0px 2px 1px #e8e8e8;box-shadow: 0px 2px 1px #e8e8e8;}
.blog_post .right_side  .block_footer {height:9px;width:552px;background:url("../images/blog_footer.png") no-repeat;font-size:0;}
.blog_post  a.post_title, .blog_post  span.post_title {font-family:"Lato", sans-serif;font-size:24px;color:#262626;text-decoration:none;}
.blog_post  a.post_title strong, .blog_post  span.post_title strong {font-weight:600;color:#262626;}
.blog_post  a.post_title:hover strong  {color:#d93e39;}
.blog_post  a.post_title:hover {color:#d93e39;text-decoration:underline;}
.blog_post .delimited_lines {height:5px;background:url("../images/blog_delimiter_lines.png") repeat-x;margin:10px 0 13px 0;}
.blog_post .image_block {position:relative;border:1px solid #cccccc;padding:5px 5px 0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:10px 0 15px 0;}
.blog_post .image_block img {width:100%;}
.blog_post .image_block .bondage_left {background:url("../images/blog_bondage_left.png") no-repeat;width:76px;height:77px;position:absolute;left:-10px;top:-7px;z-index:999;}
.blog_post .image_block .bondage_right {background:url("../images/blog_bondage_right.png") no-repeat;width:76px;height:77px;position:absolute;right:-10px;top:-7px;z-index:999;}
.blog_post .published {padding:4px 0 0 18px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:11px;background:url("../images/blog_date.png") no-repeat center left;color:#999999;float:left;height:14px;display:inline-block;margin:0 10px 10px 0;}
.published.not_showing {display:none;}
.blog_post .author {padding:4px 0 0 18px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:11px;background:url("../images/blog_author.png") no-repeat center left;color:#999999;float:left;height:13px;display:inline-block;margin:0 10px 10px 0;}
.blog_post .category {padding:4px 0 0 18px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:11px;background:url("../images/blog_category.png") no-repeat center left;color:#999999;float:left;height:13px;display:inline-block;margin:0 10px 10px 0;}
.blog_post .share {padding:4px 0 0 20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:11px;background:url("../images/blog_share.png") no-repeat center left;color:#999999;float:left;height:13px;display:inline-block;margin:0 10px 10px 0;}
.blog_post .number_comments {background:url("../images/recent_post_comments.png") no-repeat left 85%;display:inline-block;color:#a6a6a6;padding:4px 0 0 15px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:11px;float:left;margin:0 10px 10px 0;}
.blog_post .right_side .block_post a.readmore {font-weight:bold;}


/* ================= 2.  Blog Comments ================= */
.about_author .avatar {float:left;width:70px;}
.about_author .avatar .image {border:1px solid #cccccc;padding:5px;width:60px;height:60px;}
.about_author .about {float:left;width:520px;padding:0 10px 0 20px;}
.about_author .about  h4 {margin-bottom:0;}
.comments_nr {width:50%;float:left;}
.comments_nr h3 {font-weight:bold;margin:0 0 0 0;padding:0 0 5px 0;}
.add_comments {width:50%;float:right;text-align:right;}
.add_comments a {font-weight:bold;font-size:18px;font-family: "Lato", sans-serif;}
.comment_box {border:1px solid #cccccc;padding:20px 20px 6px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow: 0px 2px 1px #e8e8e8;-webkit-box-shadow: 0px 2px 1px #e8e8e8;box-shadow: 0px 2px 1px #e8e8e8;margin:30px 0 0 0;}
.comment_box .avatar {float:left;width:70px;}
.comment_box .avatar .image {border:1px solid #cccccc;padding:5px;width:60px;height:60px;}
.comment_box .text {float:left;width:480px;padding-left:20px;}
.comments_bottom {background:url("../images/comments_bottom.png") no-repeat top left;margin:-1px 0 0 40px;line-height:32px;padding:10px 0 0 30px;position:relative;z-index:10;}
.comments_bottom a.writer {font-size:14px;font-family: "Lato", sans-serif;color:#d93e39;font-weight:bold;}
.comments_bottom .written_by {color:#262626;font-size:14px;font-family: "Lato", sans-serif;}
.comments_bottom .when {color:#a6a6a6;font-size:13px;font-family: "Lato", sans-serif;}


/* ================= 3.  Blog Reply box ================= */
label {font-family:Tahoma,Geneva,Arial,sans-serif;
       margin:0 0 5px 0;font-size:14px;color:#01b3f1;font-weight:bold;cursor:pointer;display:block;}
label span {color:#dc4b46;}
.comments_form {margin:20px -20px 0 0;}
.comments_form input {width: 169px;}
.comments_form textarea {height: 140px;width: 590px;}
.comments_form {max-width: 100%;}
.comments_form .comment_wrap {float: left;margin: 0 20px 20px 0;}
.comments_form .comment_wrap:nth-child(3n) {margin-right: 0;}
.comments_form .textarea_wrap {clear:both;}


/* ======================================================================================================
					06. WIDGETS
=======================================================================================================*/

/* ================= General Widget Style ================= */
.widget {margin:0 0 35px 0;}
.widget.margin_medium {margin:0 0 10px 0;}
.widget.margin_small {margin:0 0 15px 0;}
.widget h2 {background:url("../images/widget_bg.png") repeat-x 0 12px;text-align:center;margin:0 0 10px 0;}
.widget h2 span {color:#262626;background:#FFF;text-align:center;padding:0 10px;font-size:17px;}
	

/* ================= 1. Categories ================= */
.categories ul {margin:-10px 0 0 0;}
.categories ul li a {display:block;border-bottom:1px solid #f2f2f2;color:#666666;padding:10px;background:url("../images/blog_categories.png") no-repeat 96% 10px;}
.categories ul li a:hover, .categories ul li a.selected  {text-decoration:none;color:#d93e39;background:url("../images/blog_categories_hover.png") no-repeat 96% 10px;}

/* ================= 2. Social Newtorks ================= */
ul.social_networks {list-style: none;padding:0;margin:0;}
ul.social_networks li {float:left;margin:0 25px 10px 0;padding:0;display:inline;}
ul.social_networks li span {width:32px;height:32px;display:block;background-position:top left;}
ul.social_networks li a {text-decoration:none;display: block;}
.social_networks_sidebar .social_networks {margin:0 0 0 2px;padding:0;}
.social_networks_sidebar .social_networks li {margin:0 7px 14px 7px;}

/* ================= Social Newtorks Footer ================= */
ul.social_footer {list-style: none;padding: 0;}
ul.social_footer li {float:left;margin:18px 25px 0 0;padding:0;display:inline;}
ul.social_footer li span {width:16px;height:16px;display:block;background-position:top left;}
ul.social_footer li a {text-decoration:none;display: block;}

/* ================= 3. Recent Posts ================= */
.recent_post {margin:0 0 15px 0;}
.recent_post .image {width:60px;height:60px;float:left;border:1px solid #cccccc;padding:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.recent_post .image img {margin:0;padding:0;}
.recent_post .text {width:198px;float:left;padding:0 0 0 10px;}
.recent_post .text a.title {text-decoration:none;color:#666666;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;border:0;padding:0;line-height:23px;}
.recent_post .text a.title:hover {text-decoration:underline;color:#d93e39;}
.recent_post .text .comments {background:url("../images/recent_post_comments.png") no-repeat left 85%;display:inline-block;color:#a6a6a6;padding:6px 0 0 13px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;line-height:11px;}
.recent_post .text .time {background:url("../images/hour.png") no-repeat left 85%;display:inline-block;color:#a6a6a6;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:2px 5px 0 13px;line-height:11px;}

/* ================= 4. Last Tweets + Last Comments ================= */
.quote_container {margin:0 0 0 0;padding:10px 20px 15px 20px;border:1px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow: 0px 2px 1px #e8e8e8;-webkit-box-shadow: 0px 2px 1px #e8e8e8;box-shadow: 0px 2px 1px #e8e8e8;}
.quote_container p {margin:0 0 10px 0;}
.quote_container .title {font-family:"Lato", sans-serif;font-size:15px;color:#d93e39;font-weight:bold;padding:0 0 2px 0; }
.quote_container .hour {font-family:Tahoma;font-size:11px;line-height:11px;color:#a7a6a6;padding:0 0 0 15px;background:url("../images/hour.png") no-repeat left 85%;float:right;}
.quote_container_bottom {background:url("../images/comments_bottom.png") no-repeat top left;margin:-1px 0 0 40px;height:30px;padding:10px 0 0 30px;font-size:14px;font-family: "Lato", sans-serif;color:#d93e39;font-weight:bold;position:relative;z-index:10;}

/* ================= 5. Calendar ================= */
#wp-calendar {border-collapse:collapse;width:100%;margin-top:0px;padding-top:0;}
#wp-calendar tfoot td.pad {border-right:0;border-left:0;}
#wp-calendar #prev {border-right:0;}
#wp-calendar #next {border-left:0;}
#wp-calendar caption {color:#FFF;padding:5px 0 5px 0;font-family:"Lato", sans-serif;font-size:16px;line-height:16px;font-weight:bold;background:#d93e39;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:20px;margin:0;}
@-moz-document url-prefix() { #wp-calendar caption {height:30px;} } 
#wp-calendar {empty-cells: show;margin: 10px auto 5px;}
#wp-calendar a {font-size: 9pt;display: block;text-decoration: none;font-weight:bold;color:#d93e39;}
#wp-calendar th {font-style: normal;text-transform: capitalize;padding:7px 0 7px 0;height:20px;color:#262626;font-size:13px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;font-weight:bold;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;font-weight:bold;}
#wp-calendar td {padding:0px;text-align: center;color:#666666;font-size:12px;border:1px solid #eeeeee;height:37px;}
td#today {background:#d93e39;color:#fffdff;font-weight:bold;}
td#today a {color:#fffdff;}

/* ================= 6. Tag Cloud ================= */
.tags {margin:0 0 0 0;}
.tags a {display:block;padding:0;background:url("../images/tag_left.png") no-repeat top left;float:left;text-decoration:none;margin-bottom:15px;}
.tags a span {background:url("../images/tag_right.png") no-repeat top right;display:block;float:left;height:22px;text-decoration:none;color:#666666;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;padding:3px 10px 0 7px;margin:0 10px 0 18px;cursor:pointer;text-align:center;}
.tags a:hover span {text-decoration:none;color:#d93e39;}

/* ================= 7. Pull quotes ================= */
blockquote.right {float: right;margin: 10px 0px 0px 20px;width: 220px;}
blockquote.left {margin: 10px 20px 0px 0px;width: 220px;float:left;}
blockquote p {font-family:Tahoma, serif;font-size:11px !important;color:#666666;line-height:22px;padding:0;margin-bottom:20px;}
blockquote {quotes: none;background: url("../images/blockquote.png") no-repeat;padding: 0 10px 0 50px !important;font-family:Tahoma, serif;font-size:11px !important;color:#666666;line-height:22px;}




/* ======================================================================================================
					07. EXTRAS
=======================================================================================================*/	
	

/* ================= 1. Boxes ================= */
.bordered_box {
	border:2px solid #bfbfbf;	
	border: 1px solid #CCCCCC;    
    box-shadow: 1px 1px 10px #E2E2E2;
	margin-top:30px;
	width:220px;
}
.bordered_box p {padding:19px;margin:0;}
.bordered_box .title 
{
	background:url("../images/leftNavBg.png") repeat-x;
	height:25px;	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-bottom: 1px solid #D5D5D5;
    border-radius: 5px;
}
.bordered_box .title 
{
	font-size:11px;
	color:#01B3F1;
	font-size:14px;
	padding:10px 0 0 0;
	text-align:center;
	font-family:Tahoma;	
	font-weight:bold;
}
.tabs  ul {padding:0px 0 0 0;margin:0;}	
.tabs  ul li {float:left;margin:0 10px -2px 0;border:2px solid #bfbfbf;}	
.tabs  ul li a {padding:7px 15px 6px 15px;line-height:15px;display:block;text-decoration:none;color:#b3b3b3;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;background:#f2f2f2;color:#999999;}	
.tabs  ul li a:hover {background:#f2f2f2;color:#595959;}	
.tabs  ul li.ui-tabs-selected a  {background:#FFF;color:#d93e39;border-bottom:2px solid #fff;margin-bottom:-2px;}
.ui-tabs { position: relative; padding: 0; zoom: 1;}
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding:0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.content_text {padding:19px;line-height:22px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;}
.question_box {border:1px solid #9ac1fa;background:#dbeefe url("../images/question_box_icon.png") no-repeat 10px 10px;color:#4180cf;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;margin-bottom:10px;}
.success_box 
{
	border:1px solid #a4cb8b;	
	color:#6DB1F2;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:12px 10px 12px 5px;
	line-height:22px;
	margin-bottom:10px;
}
.attention_box {border:1px solid #f2c779;background:#fff8c4 url("../images/attention_box_icon.png") no-repeat 10px 10px;color:#ed7c18;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;margin-bottom:10px;}
.error_box {border:1px solid #f7b3b1;background:#fff1f1 url("../images/error_box_icon.png") no-repeat 10px 10px;color:#d93e39;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px 10px 12px 40px;line-height:22px;margin-bottom:10px;}
.toggle {font-size:11px;color:#FFF;padding:5px 0 0 19px;font-family:Tahoma;font-weight:400;cursor:pointer;height:25px;}
.toggle_active {font-size:11px;color:#FFF;padding:5px 0 0 19px;font-family:Tahoma;font-weight:400;cursor:pointer;height:25px;}
.toggle_container {line-height:22px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;border-left:2px solid #bfbfbf;border-right:2px solid #bfbfbf;border-bottom:2px solid #bfbfbf;}
.toggle_container p {padding:19px;line-height:20px;margin:0;}
.toogle_box {position:relative;margin-bottom:20px;}
.toogle_box .grey {background-color:#30303b;}
.toogle_box .violet {background-color:#5153cc;}
.toogle_box .red {background:url("../images/box_red.png") repeat-x;border:1px solid #a92823;}
.toogle_box .grey {background:url("../images/box_grey.png") repeat-x;border:1px solid #3b3b3b;}
.toogle_box .blue {background:url("../images/box_blue.png") repeat-x;border:1px solid #3171c2;}
.toogle_box .green {background:url("../images/box_green.png") repeat-x;border:1px solid #42840d;}
.toogle_box .toggle .icon {background:url("../images/toggle_open.png") no-repeat;width:18px;height:19px;position:absolute;right:8px;top:7px;}
.toogle_box .toggle_active .icon {background:url("../images/toggle_close.png") no-repeat;width:18px;height:19px;position:absolute;right:8px;top:7px;}


/* ================= 2. Custom lists ================= */
.arrow_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/arrow_list.png") no-repeat 0 6px;}
.check_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/check_list.png") no-repeat 0 6px;}
.remove_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/remove_list.png") no-repeat 0 6px;}
.chat_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/chat_list.png") no-repeat 0 6px;}
.custom_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/custom_list.png") no-repeat 0 6px;}
.camera_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/camera_list.png") no-repeat 0 6px;}
.person_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/person_list.png") no-repeat 0 6px;}
.star_list li {list-style:none;margin:0 0 2px 0;line-height:22px;padding:0 0 0 25px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;color:#4d4d4d;background:url("../images/star_list.png") no-repeat 0 6px;}
ul.demo {content:'';display: block;clear: both;margin:8px 0 8px 0;}


/* ================= 3. Paggination ================= */
.content .pages {margin-left:68px;}
.pages a {font-family:"Lato", sans-serif;font-size:14px;line-height:14px;border:2px solid #e6e6e6;color:#707070;display:block;width:36px;height:26px;text-align:center;padding:10px 0 0 0;margin:10px 10px 0 0;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.pages a:hover {border:2px solid #d93e39;color:#de5853;text-decoration:none;}
.pages a.selected {background:#d93e39;color:#FFFFFF;border:0;width:38px;height:28px;}
.pages a.prev {background:url("../images/pages_prev.png") no-repeat center center;}
.pages a.prev:hover {background:url("../images/pages_prev_hover.png") no-repeat center center;}
.pages a.next {background:url("../images/pages_next.png") no-repeat center center;}
.pages a.next:hover {background:url("../images/pages_next_hover.png") no-repeat center center;}


/* ================= 4. Buttons Link Styles ================= */
a.button_big {background-repeat:no-repeat;background-position:0px 0px;display:block;padding:0;float:left;text-decoration:none;margin-left:2px;}
a.button_big:hover {background-repeat:no-repeat;background-position: 0 -50px;}
a.button_big span {background-repeat:no-repeat;background-position:top right;display:block;float:left;height:33px;text-decoration:none;color:#FFF;font-family: "Lato", sans-serif;font-size:18px;font-weight:600;padding:12px 20px 5px 18px;margin-left:2px;margin-right:5px;cursor:pointer;text-align:center;line-height:20px;}
a.button_big:hover span {background-repeat:no-repeat;background-position:100% -50px;}
a.button_big:active {background-repeat:no-repeat;background-position: 0 -100px;}
a.button_big:active span {background-repeat:no-repeat;background-position:100% -100px;}

a.button_big.grey {background-image:url("../images/button_big_left_grey.png");}
a.button_big.grey span {background-image:url("../images/button_big_right_grey.png");text-shadow:0 2px 0 #797979;}
a.button_big.yellow {background-image:url("../images/button_big_left_yellow.png");}
a.button_big.yellow span {background-image:url("../images/button_big_right_yellow.png");text-shadow:0 2px 0 #ef9b01;}
a.button_big.green {background-image:url("../images/button_big_left_green.png");}
a.button_big.green span {background-image:url("../images/button_big_right_green.png");text-shadow:0 2px 0 #107001;}
a.button_big.violet {background-image:url("../images/button_big_left_violet.png");}
a.button_big.violet span {background-image:url("../images/button_big_right_violet.png");text-shadow:0 2px 0 #7f1ae0;}
a.button_big.blue {background-image:url("../images/button_big_left_blue.png");}
a.button_big.blue span {background-image:url("../images/button_big_right_blue.png");text-shadow:0 2px 0 #2154c2;}
a.button_big.red {background-image:url("../images/button_big_left_red.png");}
a.button_big.red span {background-image:url("../images/button_big_right_red.png");text-shadow:0 2px 0 #ba0f0d;}

/* === Buttons medium === */
a.button_medium {background-repeat:no-repeat;background-position:0px 0px;display:block;padding:0;float:left;text-decoration:none;margin-right:2px;}
a.button_medium:hover {background-repeat:no-repeat;background-position: 0 -40px;}
a.button_medium span {background-repeat:no-repeat;background-position:top right;display:block;float:left;height:29px;text-decoration:none;color:#FFF;font-family: "Lato", sans-serif;font-size:16px;font-weight:600;padding:6px 20px 5px 18px;margin-left:2px;margin-right:5px;cursor:pointer;text-align:center;line-height:20px;}
a.button_medium:hover span {background-repeat:no-repeat;background-position:100% -40px;}
a.button_medium:active {background-repeat:no-repeat;background-position: 0 -80px;}
a.button_medium:active span {background-repeat:no-repeat;background-position:100% -80px;}

a.button_medium.grey {background-image:url("../images/button_medium_left_grey.png");}
a.button_medium.grey span {background-image:url("../images/button_medium_right_grey.png");text-shadow:0 2px 0 #797979;}
a.button_medium.yellow {background-image:url("../images/button_medium_left_yellow.png");}
a.button_medium.yellow span {background-image:url("../images/button_medium_right_yellow.png");text-shadow:0 2px 0 #ef9b01;}
a.button_medium.green {background-image:url("../images/button_medium_left_green.png");}
a.button_medium.green span {background-image:url("../images/button_medium_right_green.png");text-shadow:0 2px 0 #107001;}
a.button_medium.violet {background-image:url("../images/button_medium_left_violet.png");}
a.button_medium.violet span {background-image:url("../images/button_medium_right_violet.png");text-shadow:0 2px 0 #7f1ae0;}
a.button_medium.blue {background-image:url("../images/button_medium_left_blue.png");}
a.button_medium.blue span {background-image:url("../images/button_medium_right_blue.png");text-shadow:0 2px 0 #2154c2;}
a.button_medium.red {background-image:url("../images/button_medium_left_red.png");}
a.button_medium.red span {background-image:url("../images/button_medium_right_red.png");text-shadow:0 2px 0 #ba0f0d;}

/* === Buttons small === */
a.button_small {background-repeat:no-repeat;background-position:0px 0px;display:block;padding:0;float:left;text-decoration:none;margin-right:5px;}
a.button_small:hover {background-repeat:no-repeat;background-position: 0 -30px;}
a.button_small span {background-repeat:no-repeat;background-position:top right;display:block;float:left;height:22px;text-decoration:none;color:#FFF;font-family: "Lato", sans-serif;font-size:14px;font-weight:600;padding:3px 20px 5px 18px;margin-left:2px;margin-right:5px;cursor:pointer;text-align:center;line-height:20px;}
a.button_small:hover span {background-repeat:no-repeat;background-position:100% -30px;}
a.button_small:active {background-repeat:no-repeat;background-position: 0 -60px;}
a.button_small:active span {background-repeat:no-repeat;background-position:100% -60px;}


a.button_small.grey {background-image:url("../images/button_small_left_grey.png");}
a.button_small.grey span {background-image:url("../images/button_small_right_grey.png");text-shadow:0 2px 0 #797979;}
a.button_small.yellow {background-image:url("../images/button_small_left_yellow.png");}
a.button_small.yellow span {background-image:url("../images/button_small_right_yellow.png");text-shadow:0 2px 0 #ef9b01;}
a.button_small.green {background-image:url("../images/button_small_left_green.png");}
a.button_small.green span {background-image:url("../images/button_small_right_green.png");text-shadow:0 2px 0 #107001;}
a.button_small.violet {background-image:url("../images/button_small_left_violet.png");}
a.button_small.violet span {background-image:url("../images/button_small_right_violet.png");text-shadow:0 2px 0 #7f1ae0;}
a.button_small.blue {background-image:url("../images/button_small_left_blue.png");}
a.button_small.blue span {background-image:url("../images/button_small_right_blue.png");text-shadow:0 2px 0 #2154c2;}
a.button_small.red {background-image:url("../images/button_small_left_red.png");}
a.button_small.red span {background-image:url("../images/button_small_right_red.png");text-shadow:0 2px 0 #ba0f0d;}


/* ================= 5. Dropcaps ================= */
.dropcap {color:#d93e39;display:block;float:left;font-size:35px;line-height:35px;text-shadow:#fff 1px 1px 1px;font-family: "Lato", sans-serif;margin:0 10px 2px 0;font-weight:bold;}

/* ================= 6. Highlight Styles ================= */
.highlight {font-size:11px;display:inline-block;padding:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.highlight.green {color:#519a35;background:#d3f9c4;}
.highlight.blue {color:#4180cf;background:#dbeefe;}
.highlight.grey {color:#FFFFFF;background:#b3b3b3;}
.highlight.yellow {color:#d97939;background:#fff1d1;}

/* ================= 7. Magnifying glass ================= */
a.zoom {z-index:999;cursor:pointer;position:absolute;overflow:hidden;background:url("../images/blank_hover.png") repeat;}  
a.zoom img {position:relative;}
.created {width:50px !important;height:50px;}



/* ======================================================================================================
					08. MEDIA QUERIES
=======================================================================================================*/	

/* ================= 1. Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* ================= Logo and Main menu ================= */
	.logo {display: block;float: none;width:100%;}
	.main-menu {margin:0 0 30px 0;float:left;}
	
	/* ================= Slider ================= */
	.stratosfera_tabs {height:160px;background:0;}
	.stratosfera_tabs li {width:50%;}
	.stratosfera_tabs li a {border-top:5px solid #ef4c46;background:#f2f2f2;}
	.stratosfera_tabs li a:hover {margin:0;padding:0;border-top:5px solid #ef4c46;background:#e5e5e5;}
	.stratosfera_tabs .stratosfera_here a {border-top:5px solid #ef4c46;background:#e5e5e5;padding:0;margin:0;}
	.stratosfera_tabs .stratosfera_here a:hover{border-top:5px solid #ef4c46;background:#e5e5e5;margin-top:0;padding-top:0;z-index:999999;position:relative;}
	.stratosfera_nav {top: 35%;}
	
	/* ================= Portfolio ================= */
	.portfolio_1_4 ul {width:768px;}
	.portfolio_1_4 ul li {width:172px;height:308px;}
	.portfolio_1_4 ul li .image {width:160px;height:120px;}
	.portfolio_1_4 ul li .image .portfolio_image {width:160px;height:120px;}
	.portfolio_1_4 ul li .title {font-size:14px;}
	.portfolio_1_4 ul li .title a {font-size:14px;}

	.portfolio_1_3 ul {width:768px;}
	.portfolio_1_3 ul li {width:236px;height:319px;}
	.portfolio_1_3 ul li .image {width:224px;height:168px;}
	.portfolio_1_3 ul li .image .portfolio_image {width:224px;height:168px;}

	.portfolio_1_2 {padding:0;}
	.portfolio_1_2 ul {width:768px;}
	.portfolio_1_2 ul li {width:364px;height:404px;}
	.portfolio_1_2 ul li .image {width:352px;height:275px;}
	.portfolio_1_2 ul li .image .portfolio_image {width:352px;height:275px;}
	
	/* ================= Recent Works on Homepage ================= */
	.recent_works {width:748px !important;}
	.recent_works ul li {width:229px !important;height:319px !important;}
	.recent_works ul li .recent_image {width:217px;height:168px;}
	.recent_works ul li .recent_image .portfolio_image {width:217px;height:168px;}


	
	/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .published {display:inline-block;}
	.content {width:488px;margin-right:20px;}
	.content img {height: auto;max-width: 100%;}
	.content .left_side {display:none;}
	.content .right_side {width:488px;}
	.blog_post .delimiter_vertical {float:left;height:13px;display:inline-block;padding:4px 5px 0 5px;}
	.content .blog_post .right_side .block_post {padding:10px 10px 0 10px;width:466px;}
	.content .blog_post .right_side .block_post img {width:454px;}
	.sidebar {width:240px;}
	.sidebar .widget .recent_post .text {width:158px;}
	.content .pages {margin-left:0;}
	
	/* ================= Blog Comments ================= */
	.about_author .about {width:390px;padding-left:10px;}
	.comment_box .text {width:355px;padding-left:15px;}


	/* ================= Blog Reply box ================= */
	.comments_form input {width: 127px;}
	.comments_form textarea {height: 140px;width:465px;}
	
	
/* ================= Container and Columns ================= */
	.container { width: 748px; }
	.col_1_2 { width: 364px; }
	.col_1_3 { width: 236px; }
	.col_2_3 { width: 492px; }
	.col_1_4 { width: 172px; }
	.col_1_5 { width: 133px; }
	.col_3_4 { width: 556px; }
	
	.content .col_1_2 {width:239px;margin:0 10px 0 0;}
	.content .col_1_3 {width:156px;margin:0 10px 0 0;}
	.content .col_2_3 {width:322px;margin:0 10px 0 0;}
	.content .col_1_4 {width:114px;margin:0 10px 0 0;}
	.content .col_1_5 {width:89px;margin:0 10px 0 0;}
	.content .col_3_4 {width:362px;margin:0 10px 0 0;}
	


	/* ================= Pricing Table ================= */
	.pricing_table .box { width: 364px; }
	.pricing_table.columns_2 .box, .pricing_table.columns_2 .item_list { width: 248px; }
	.pricing_table.columns_3 .box, .pricing_table.columns_3 .item_list { width: 186px; }
	.pricing_table.columns_4 .box, .pricing_table.columns_4 .item_list { width: 148px; }
	.pricing_table.columns_5 .box, .pricing_table.columns_5 .item_list { width: 122px; }
	
	
	/* ================= Contact Page ================= */
	.contact_map {background:none;width:226px;height:310px;padding:0 0 0 0;margin:40px 0 20px 0;}
	.map_canvas {width:220px;height:280px;}
	.inputText {width:300px;height:24px;}
	.inputTextarea {width:300px;height:150px;}
	
	
	/* ================= Home Page ================= */
	.homepage_widgets .col_1_3 {width:226px;margin:40px 10px 0 10px;}
	.homepage_widgets .col_1_3.last {width:226px;margin:40px 0 0 10px;}
	.homepage_widgets .col_1_3.first {width:226px;margin:40px 10px 0 10px;}
	.homepage_widgets .widget_newsletter  .button_big span {width:145px}
	.homepage_widgets .widget_body  .image {width:60px;margin:7px auto 5px auto;position:relative;float:none;}
	.homepage_widgets .widget_body  .text {width:200px;margin-left:0;float:none;}
	.follow_us_box a.twitter {float:left;}
	.follow_us_box a.facebook {float:left;margin-left:5px;}
	.recent_post_slider .slides_container {width:190px;display:none;}
	.recent_post_slider  .slides_container div.slide {width:190px;display:block;}
	img.liquid {width:100%;}
	.features .title h3 {font-size:15px;}
	.features .title h4 {font-size:16px;}

	
	/* ================= Footer ================= */
	.footer .col_1_3 {width:226px;margin:40px 10px 0 10px;}
	.footer .col_1_3.last {width:226px;margin:40px 10px 0 10px;}
	.footer .flickr ul {margin-right:-5px;}
	.footer .flickr ul li {padding:0;margin:0 5px 5px 0;float:left;}
	.footer .flickr ul li a {border:4px solid #202020;display:block;width:64px;height:64px;}
	.footer .flickr ul li a img {width:64px;height:64px;}
	

}


/* ================= 2. Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {

	/* ================= Logo and Main menu ================= */
	.logo {display:block;float:none;text-align:center;width:100%;}
	.header_bg {height: auto; }
	.main-menu {margin:0 0 30px 0;float:left;width:100%;}
	.main-menu ul {position:static !important;padding:0 !important;}
	.main-menu li {box-shadow:none !important;border:0 !important;border-top:1px solid #d9d9d9 !important;display:block !important;float:none !important;margin:0 !important;}
	.main-menu li.submenu > a {cursor:pointer;}
	.main-menu li a {padding:0 16px;line-height:33px;}
	.main-menu li ul li a {padding-left:32px !important;}
	.main-menu li ul li ul li a {padding-left:48px !important;}
	.main-menu li.submenu > a {padding-right:20px;background:url(../images/arrow_320.png) no-repeat right;}
	.main-menu li ul li.submenu > a {padding-right:10px;background:url(../images/arrow_320.png) no-repeat right;}
	.main-menu li ul li.submenu > a:hover {padding-right:10px;background:#f5f5f5 url(../images/arrow_320.png) no-repeat right;}
	.main-menu li.submenu > a {padding-right:20px;background:url(../images/arrow_320.png) no-repeat right;}
	.main-menu li ul  {display:none !important;}
	.main-menu li:hover > ul {display:block !important;}


	/* ================= Blog Post and Sidebar ================= */
	.blog_post .left_side {display:none;}
	.blog_post .right_side .published {display:inline-block;}
	.sidebar {margin-top:40px;float:none;}
	.content {float:none;margin-right:0;width:300px;}
	.content img {height: auto;max-width: 100%;}
	.content .left_side {display:none;}
	.content .right_side {width:300px;}
	.content .blog_post .right_side .block_post {padding:10px 10px 0 10px;width:280px;}
	.blog_post .delimiter_vertical {padding:0 1px 0 1px;margin:0;text-indent:-9999px;}
	.content .blog_post .right_side .block_post img {width:100%;}
	.content .pages {margin-left:0;}
	
	.blog_post .published {float:none;}
	.blog_post .author {float:none;}
	.blog_post .category {float:none;}
	.blog_post .number_comments {float:none;}

	/* ================= Blog Comments ================= */
	.about_author .about {width:210px;padding-left:10px;}
	.comment_box {padding:10px;}
	.comment_box .avatar {float:none;margin:0 auto 10px auto;}
	.comment_box .text {float:none;width:auto;padding-left:10px;}


	/* ================= Blog Reply box ================= */
	.comments_form {margin:20px 0 0 0;}
	.comments_form input {width: 280px;}
	.comments_form textarea {height: 140px;width:280px;}
	.comments_form .comment_wrap {float:left;margin: 0 0 20px 0;}

	
	/* ================= Slider ================= */
	.stratosfera_tabs li a h1 {display:none;}
	.stratosfera_tabs li a {text-align:center;}
	.stratosfera_tabs li a img {float:none;margin:7px 0 0 0;}
	.stratosfera_tabs li a h2 {display:none;}
	.stratosfera_nav.prev {display:none;}
	.stratosfera_nav.next {display:none;}


	/* ================= Pricing Table ================= */
	.pricing_table .pricing_items li:before {font-family: "Lato", sans-serif;font-size:13px;font-weight:bold;display:inline-block;text-align: center;	padding-right:5px;content: attr(data-item) ':' !important;}
	.pricing_table .box {width:300px !important;margin:0 0 20px 0;}
	.pricing_table .item_list {display: none;}
	.pricing_table .box.featured {margin:40px 0 20px 0;}

	
	/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2  {margin:0;}
	.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {width:300px;}
	.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {margin:0 0 60px 0;width:300px;height:366px;}
	.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {width:288px;height:215px;}
	.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {width:288px;height:215px;}
	.portfolio_nav {float:left;margin:10px 0 10px 0;}
	
	/* ================= Recent Works on Homepage ================= */
	.recent_works {width:300px !important;}
	.recent_works ul li {width:280px !important;height:366px !important;}
	.recent_works ul li .recent_image {width:268px;height:215px;}
	.recent_works ul li .recent_image .portfolio_image {width:268px;height:215px;}
	
	/* ================= Portfolio Filter ================= */
	.filter {float:none;}
	.filter {padding:0;margin:0;}
	.filter ul {margin:0;position:static !important;width:100%;}
	.filter ul  li {display:block !important;float:none !important;margin:0 !important;}
	.filter ul  li a {width:100%;border-bottom:1px dotted #cccccc;margin:0 0 10px 0;padding:0 !important;}
	.filter li.separator {display:none !important;}
	
	
	/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3  {float: none;margin-right: 0;}
	.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3  {width:300px;}
	.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3  {width:300px;}


	/* ================= Contact Page ================= */
	.inputText {width:285px;}
	.inputTextarea {width:285px;height:150px;}
	.submit {margin:0;}

	
	/* ================= Page Info ================= */
	.page_info .text {float:none;}
	.page_info .search {float:none;}

	
	/* ================= HomePage ================= */
	.homepage_widgets .col_1_3 {width:280px;float: none;margin:40px auto 0 auto;}
	.footer .col_1_3 {width:280px;float: none;margin:40px auto 0 auto;}
	.homepage_widgets .col_1_3.last {width:280px;float: none;margin:40px auto 0 auto;}	
	.homepage_widgets .col_1_3.first {width:280px;float: none;margin:40px auto 0 auto;}	
	.footer .col_1_3.last {width:280px;float: none;margin:40px auto 0 auto;}
	.footer_bottom .col_2_3 {width:280px;float: none;margin:40px auto 0 auto;}
	.footer_bottom .col_1_3 {width:280px;float: none;margin:40px auto 0 auto;}
	.follow_us_box a.twitter {float:left;}
	.follow_us_box a.facebook {float:left;margin-left:5px;}

}



/* ================= 3. Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* ================= Logo and Main menu ================= */
	.logo {display: block;float: none;width:100%;}
	.main-menu {margin:0 0 30px 0;float:left;}


	/* ================= Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {display:block;}
	.blog_post .right_side .media_query_invisible {display:none;}
	.content {width:420px;margin-right:0;}
	.content .left_side {display:none;}
	.content .right_side {width:420px;}
	.content .blog_post .block_post .delimiter_vertical {padding:0 1px 0 1px;margin:0;text-indent:-9999px;}
	.content .blog_post .right_side .block_post {padding:10px 10px 0 10px;width:400px;}
	.content .blog_post .right_side .block_post img {width:100%;}
	.sidebar {float:none;width:420px;}
	.sidebar .widget .recent_post .text {width:338px;}
	.blog_post .published {float:none;}
	.blog_post .author {float:none;}
	.blog_post .number_comments {float:none;}
	.blog_post .category {float:none;}
	.content .pages {margin:0;}
	
	/* ================= Blog Comments ================= */
	.about_author .about {width:320px;padding-left:10px;}
	.comment_box .avatar {float:left;margin:0 0 10px 0;}
	.comment_box .text {float:left;width:310px;padding:0 0 0 10px;}


	/* ================= Blog Reply box ================= */
	.comments_form {margin:20px 0 0 0;}
	.comments_form input {width: 397px;}
	.comments_form textarea {height: 140px;width:397px;}
	.comments_form .comment_wrap {float:left;margin: 0 0 20px 0;}
	
	/* ================= Pricing Table ================= */
	.pricing_table .box {width:420px !important;}
	
	/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2  {margin:0;}
	.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {width:420px;}
	.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {margin:0 0 60px 0;width:420px;height:435px;}
	.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {width:408px;height:305px;}
	.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {width:408px;height:305px;}
	
	/* ================= Recent Works on Homepage ================= */
	.recent_works {width:420px !important;}
	.recent_works ul li {width:400px !important;height:435px !important;margin:0 0 60px 0;}
	.recent_works ul li .recent_image {width:388px;height:305px;}
	.recent_works ul li .recent_image .portfolio_image {width:388px;height:305px;}
	
	/* ================= Container and Columns ================= */
	.companies .cbody {width:420px;margin:0 auto;}
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {	float: none;margin-right: 0;}
	.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3  {width:420px;}
	.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3  {width:420px;}
	
	/* ================= Page Info ================= */
	.page_info .text {float:none;}
	.page_info .search {float:none;}
	
	/* ================= Contact page ================= */
	.inputText {width:250px;}
	.inputTextarea {width:250px;height:150px;}
	
	/* ================= Homepage ================= */
	.homepage_widgets .col_1_3 {width:280px;margin:40px 0 0 0;float: none;margin:40px auto 0 auto;}
	.homepage_widgets .col_1_3.last {width:280px;margin:40px 0 0 0;float: none;margin:40px auto 0 auto;}	
	
	/* ================= Footer ================= */
	.footer .col_1_3 {width:420px;margin:40px 0 0 0;float: none;margin:40px auto 0 auto;}
	.footer .col_1_3.last {width:420px;float: none;margin:40px auto 0 auto;}
	.footer_bottom .col_2_3 {width:420px;float: none;margin:40px auto 0 auto;}
	.footer_bottom .col_1_3 {width:420px;float: none;margin:40px auto 0 auto;}

}


/* ================= 4. Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {

	/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {float:none;margin:0;}
	.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3  {width:226px;}
	.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3  {width:226px;}
	
	/* =================  Blog Post and Sidebar ================= */
	.blog_post .right_side .media_query_visible {display:block;}
	.blog_post .right_side .media_query_invisible {display:none;}
	.content {width:226px;margin-right:0;}
	.content .left_side {display:none;}
	.content .right_side {width:226px;}
	.content .delimiter_vertical {display:none;}
	.content .blog_post .right_side .block_post {padding:10px 10px 0 10px;width:206px;}
	.content .blog_post .bondage_right {display:none;}
	.content .blog_post .bondage_left {display:none;}
	.content .blog_post .right_side .block_post img {width:100%;}
	.sidebar {width:226px;float:none;}
	.sidebar .widget {width:226px;}
	.sidebar .widget .recent_post .text {width:138px;}
	.content .pages {margin:0;}
	
	/* =================  Blog Comments ================= */
	.about_author .avatar {float:none;margin:0 auto 10px auto;}
	.about_author .about {float:none;width:auto;padding:0 10px;}
	.comments_nr h3 {font-weight:bold;font-size:14px;}
	.add_comments a {font-weight:bold;font-size:14px;}
	.comment_box {padding:10px;}
	.comment_box .avatar {float:none;margin:0 auto 10px auto;}
	.comment_box .text {float:none;width:auto;padding-left:0px;}


	/* =================  Blog Reply box ================= */
	.comments_form {margin:20px 0 0 0;}
	.comments_form input {width: 200px;}
	.comments_form textarea {height: 140px;width:200px;}
	.comments_form .comment_wrap {float:left;margin: 0 0 20px 0;}

	/* =================  Slider ================= */
	.stratosfera_tabs li a img {width:45px;margin:15px 0 0 0;}
	.stratosfera_nav.prev {display:none;}
	.stratosfera_nav.next {display:none;}
	.stratosfera_container p.caption {display:none;}
	.flex-caption  {display:none;}

	/* =================  Pricing Table ================= */
	.pricing_table .box {margin:0 0 20px 0;width:226px !important;}
	
	/* =================  Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2  {margin:0;}
	.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {width:226px;}
	.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {margin:0 0 60px 0;width:226px;height:312px;}
	.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {width:214px;height:160px;}
	.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {width:214px;height:160px;}
	
	/* ================= Recent Works on Homepage ================= */
	.recent_works {width:226px !important;}
	.recent_works ul li {width:206px !important;height:312px !important;}
	.recent_works ul li .recent_image {width:194px;height:160px;}
	.recent_works ul li .recent_image .portfolio_image {width:194px;height:160px;}

	/* =================  Contact page ================= */
	.contact_map {background:none;width:226px;height:310px;padding:0 0 0 0;margin:40px 0 20px 0;}
	.map_canvas {width:226px;height:280px;}
	.inputText {width:210px;}
	.inputTextarea {width:210px;height:70px;}
	.submit {margin:0;}
	
	/* =================  Page Info ================= */
	.page_info .text {float:none;}
	.page_info .search {float:none;}
	.page_info .search .inputText {width:90px;}
	
	/* =================  Logo ================= */
	.logo img {width:100%}
	
	/* =================  HomePage ================= */
	.homepage_widgets .col_1_3 {width:226px;margin:40px auto 0 auto;padding:0;}
	.footer .col_1_3 {width:226px;margin:40px auto 0 auto;}
	.footer_bottom .col_1_3 {width:226px;margin:40px auto 0 auto;}
	.footer_bottom .col_2_3 {width:226px;margin:40px auto 0 auto;}
	.homepage_widgets .col_1_3.last {width:226px;margin:40px auto 0 auto;padding:0;}	
	.homepage_widgets .col_1_3.first {width:226px;margin:40px auto 0 auto;padding:0;}	
	.homepage_widgets .widget_body  .image {width:60px;margin:7px auto 5px auto;position:relative;float:none;}
	.homepage_widgets .widget_body  .text {width:200px;margin-left:0;float:none;}
	.homepage_widgets .widget_newsletter  .button_big span {width:145px}
	.recent_post_slider .slides_container {width:190px;display:none;}
	.recent_post_slider  .slides_container div.slide {width:190px;display:block;}
	.follow_us_box a.twitter {float:left;font-size:15px;}
	.follow_us_box a.facebook {float:left;margin-left:5px;font-size:15px;}
	img.liquid {width:100%;}
	.features .title h3 {font-size:17px;}
	.features .title h4 {font-size:16px;}
	
	/* =================  Footer ================= */
	.footer .col_1_3.last {width:226px;margin:40px auto 0 auto;}
	.footer_bottom .col_1_3.last {width:226px;margin:40px auto 0 auto;}
	.footer_bottom .col_2_3.last {width:226px;margin:40px auto 0 auto;}
	.footer .flickr ul {margin-right:-5px;}
	.footer .flickr ul li {padding:0;margin:0 5px 5px 0;float:left;}
	.footer .flickr ul li a {border:4px solid #202020;display:block;width:64px;height:64px;}
	.footer .flickr ul li a img {width:64px;height:64px;}
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{    
    color: #ff0000;
    font-family:form Tahoma,Geneva,Arial,sans-serif;      
}

.field-validation-valid
{    
    display:none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.input-validation-valid
{
    border: 1px solid #1e7bc9;
    background-color: #1e7bc9;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.logobet {
	float: left;
	width: 500px;
	overflow: hidden;
	padding-left: 204px;
}

.LinkArea {
    color: #BDBEC1;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 44px;
    width: 100%;
}
.spread {
    background-image: url("../images/glyph-pipe.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    padding-left: 15px;
}
.Form_ChangePassword {
	width: 650px;
	height: auto;
}
mg{
	border:0px;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

*{
	margin: 0px;
	padding: 0px;
	outline: 0 none;
}

ul{ list-style: none outside none; }

.clearAll{ clear: both; font-size: 0px; width: 0px; height: 0px; }

.fontface{ font-family: 'Cuprum', Arial !important; font-size: 15px !important; color: #424242 !important; }

html, body{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;	
}

/* ===== Page scrolling ===== */

#toTop {
	 display:none; 
	 text-decoration:none; 
	 position:fixed; 
	 bottom:8px; 
	 right:10px; 
	 overflow:hidden; 
	 width:21px; 
	 height:21px; 
	 border:none; 
	 text-indent:-999px; 
	 background:url(../images/icons/ui.totop.png) no-repeat left top;
}
#toTopHover {
	 background:url(../images/icons/ui.totop.png) no-repeat left -22px; 
	 width:21px; 
	 height:21px; 
	 display:block; 
	 overflow:hidden; 
	 float:left; 
	 opacity: 0; 
	 -moz-opacity: 0; 
	 filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus { outline:none; }

/* ===== End Page scrolling ===== */

.topNav{
	position: fixed;
	top: 0;
	left: 0;
	height: 36px;
	width: 100%;
	background: url(../images/topNav.jpg) repeat-x;
	border-bottom: 1px solid #fff;
	z-index: 1;
}

.nameNav{
	float: left;
	display: inline;
	margin: 11px 0 0 10px;
	color: #eee;
	font-weight: bold;
}

.userNav{
	float: right;
	display: inline;
	margin-right: 10px;
	color: #eee;
	font-size: 11px;
}

.userNav ul li{
	float: left;	
	cursor: pointer;
}

.userNav ul li a{
	color: #fff;
}

.li_last_child{
	float: left;	
	cursor: pointer;	
}

.userNav ul li:hover{
	color:#f2d964;
}


.userNav ul li img{
	float: left;
	padding: 12px 8px 13px 8px;
	display: inline;
}

.userNav ul li span{
	float: left;
	padding: 8px 0 8px 0;
	display: inline;
	line-height: 20px;
}

.userNav ul li a span{
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
}

.userNav ul li a:hover{
	color:#e4dd61;
}

.profile img{
	float: left;
	padding: 8px 8px 8px 14px !important;
	display: inline;
}

.header{
	float: left;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 17px;    
}

.logo{
	float: left;
	display: inline;
	margin-left: 10px;
}

.midNav{
	float: right;
	display: inline;
	margin-right: 10px;
}

.midNav ul li{
	float: left;
	display: block;
	margin-right: 15px;
	position: relative;
	text-align: center;
	behavior: url(PIE.htc);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: url(../images/middlebg.png) repeat-x;
	border: 1px solid #D5D5D5;
}

.midNav_last_child{
	margin-right: 0px !important;
}

.midNav ul li:hover{
	background: #f6f6f6;
}

.midNav ul li a{
	color: #595858;
}

.midNav ul li a:hover{
	text-decoration: none !important;
}

.midNav ul li span{
	padding: 34px 10px 3px 10px;
	float: left;
}

.midNav ul li a span{
	cursor: pointer;
}

.add_new{
	background: url(../images/icons/add.png) 50% 6px no-repeat;
}

.show_items{
	background: url(../images/icons/check.png) 50% 6px no-repeat;
}

.hide_items{
	background: url(../images/icons/close.png) 50% 6px no-repeat;
}

.delete_items{
	background: url(../images/icons/trash.png) 50% 6px no-repeat;
}

.save{
	background: url(../images/icons/save.png) 50% 6px no-repeat;
}

.back{
	background: url(../images/icons/back.png) 50% 6px no-repeat;
}

#content{
	float: left;
	width: 99%;
    margin:0 5px;
}

.footer{
	background: url(../images/topNav.jpg) repeat-x;
	color: #eee;
	margin-top: 40px;
	width: 100%;
	height: 38px;
	float: left;
}

.text_footer{
	display: block;
	padding: 12px 10px;
	color: #696969;
	font-size: 11px;
	float: left;
}

.text_footer a{
	color: #fff;
}

/*.left_content{
	width: 212px;
	margin: 0 25px 0 0;
}*/

.left_content ul li{
	margin-top: 1px;
}

.left_content ul li a{
	display: block;
	background: url(../images/leftNavBg.png) repeat-x;
	color: #1E7BC9;
	font-size: 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #D5D5D5;
	font-family: 'Cuprum', Arial;
}

.left_content ul li a:hover, .left_content ul li a.active{
	background: url(../images/darkBg.jpg) repeat-x;
	color: #fff;
	border: 1px solid #3C4049;
	text-decoration: none;
}

.left_content ul li a span{
	display: block;
	padding: 10px 0 9px 35px;
}

.menu_dashboard{
	background: url(../images/icons/dashboard.png) 10px 50% no-repeat;
    text-align:left;
}

.menu_users{
	background: url(../images/icons/users.png) 10px 50% no-repeat;
}

.menu_setting{
	background: url(../images/icons/setting.png) 10px 50% no-repeat;
}

.menu_items{
	background: url(../images/profile/dollar.png) 10px 50% no-repeat;
    text-align: left;
}

.menu_items_changepass{
	background: url(../images/profile/changepass.png) 10px 50% no-repeat;
    text-align: left;
}
.menu_items_bet{
	background: url(../images/profile/bet_history.png) 10px 50% no-repeat;
    text-align: left;
}

.right_content{
	margin-right: 0px;
}

.title{	
	width: 100%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	position: relative;
}

.title h5{
	color: #fafafa;
	font-size: 16px;
	font-family: 'Cuprum', Arial;
	padding: 8px 15px;
	font-weight: normal;
}

.table{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #D5D5D5;
	position: relative;
}

.head_table{
	background: url(../images/leftNavBg.png) repeat-x;
	height: 38px;
	border-bottom: 1px solid #D5D5D5;
}

.head_title_table{
	float: left;
	padding: 9px 12px 9px 35px;
	background: url(../images/icons/frames.png) 12px 50% no-repeat;
	font-family: 'Cuprum', Arial;
	font-size: 16px;
	color: #6DB1F2;
	text-transform: capitalize;
    font-weight:bold;
}

.head_title_edit{
	float: left;
	padding: 9px 12px 9px 35px;
	background: url(../images/icons/pencil.png) 12px 50% no-repeat;
	font-family: 'Cuprum', Arial;
	font-size: 16px;
	color: #424242;
	text-transform: capitalize;
}

.content_table{
	width: 100%;
}

.content_table table th{
	font-size: 11px;
	color: #878787;
	font-weight: normal;
	padding: 4px 0;
	cursor: pointer;
	line-height: 20px;
	border-right: 1px solid #D5D5D5;
}

.content_table table th .jqTransformCheckboxWrapper{
	margin-left: 8px;
	margin-top: 0px;
}

.content_table table td .jqTransformCheckboxWrapper{
	margin-left: 8px;
	margin-top: 0px;
}

.content_table table td{
	font-weight: normal;
	padding: 8px 10px;
	line-height: 20px;
	border-right: 1px solid #D5D5D5;
	border-top: 1px solid #D5D5D5;
	padding: 8px 10px;
}
    .content_table table td .text {
        color:#00B3F1;
    }

.td_relative{
	position: relative;
}

.action{
	width: 32px;
	height: 16px;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70);
	position: absolute;
	top: -10px;
	left: -10px;
	display: none;
}

.action img{
	float: left;
	display: block;
	cursor: pointer;
	padding: 3px 4px;
}

.action_first{
	padding-right: 0 !important;
}

.first_action{
	padding-right: 0 !important;
}

.content_table table td a{
	color: #00b3f1;
}

.td_action:hover .action{
	display: block;
}

.row1{
	background: #fafafa;
}

.row2{
	background: #f5f5f5;
}

.row1:hover, .row2:hover{
	background: #fffccc;
}

.row_active{
	background: #fffccc;
}

.td_center{
	text-align: center;
}

.td_no_padd{
	padding: 0 !important;
}

.th_left{
	text-align: left;
	padding: 4px 10px !important;
}

.th_last{
	border-right: 0 none !important;
}

.th_no_cursor{
	cursor: auto !important;
}

.icon_no_sort{
	margin-right: 6px;
	background: url(../images/icons/no_sort.png) right center no-repeat;
}

.icon_sort_asc{
	margin-right: 6px;
	background: url(../images/icons/sort_asc.png) right center no-repeat;
}

.icon_sort_desc{
	margin-right: 6px;
	background: url(../images/icons/sort_desc.png) right center no-repeat;
}

.head_search{
	float: right;
	display: inline;
	margin-right: 10px;
}

.head_search_title{
	float: left;
	display: inline;
	margin: 12px 5px 0 0;
	font-size: 11px;
	color: #878787;
}

.head_search_input{
	float: left;
	position: relative;
}

.head_search_input input{
	float: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #D5D5D5;
	position: relative;
	color: #878787;
	padding: 3px 5px;
	font-size: 11px;
	margin-top: 8px;
	width: 56px;
	display: inline;
	margin-right: 5px;
}

.input_last{
	width: 177px !important;
	margin-right: 0 !important;
	padding-right: 18px !important;
}

.bt_search{
	width: 20px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 0;
	display: block;
	padding: 5px 0 2px;
	*padding: 7px 0 6px;
}

.footer_table{
	width: 100%;
	height: 30px;
	background: url(../images/leftNavBg.png) repeat-x;
	border-top: 1px solid #d5d5d5;
}

.item_per_page{
	float: left;
	color: #878787;
	font-size: 11px;
	display: inline;
	margin: 8px 5px 0 10px;
    font-weight:bold;
}

.select_per_page{
	float: left;
	margin-top: 6px;
}

.select_per_page select{
	height: 18px;
}

.custom_select{
	width: 57px;
	height: 20px;
}

.row_text_field_first{
	padding: 15px 10px 15px 10px;
}

.row_text_field{
	padding: 15px 10px 15px 10px;
	border-top: 1px solid #d5d5d5;
}

.left_text_field{
	width: 150px;
	text-align: left;
}

.right_text_field{
	text-align: left;
	padding-right: 12px;
}

.right_text_field input[type="text"]{
	border: 1px solid #D5D5D5;
	font-size: 11px;
	width: 100%;
	padding: 5px;
}

.right_text_field input[type="password"]{
	border: 1px solid #D5D5D5;
	font-size: 11px;
	width: 100%;
	padding: 5px;
}

.right_text_field textarea{
	border: 1px solid #D5D5D5;
	font-size: 11px;
	width: 100%;
	padding: 5px;
}

#ajax_loadContent{
	width: 100%;
	text-align: center;
}

.loading{
	padding: 50px 0;
}

#loader{ display: none; }

.bg_mask{
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
}

.processing{
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 5001;
	width: 100%;
}

.bg_processing{
	width: 200px;
	background: #fff;
	margin: 0 auto;
	border: 10px solid #00b3f1;
	text-align: center;
	padding: 25px 0;
	line-height: 25px;
	font-family: 'Cuprum', Arial;
	font-size: 16px;
}

.topNav_main {
	position: fixed;
	top: 0;
	left: 0;
	height: 36px;
	width: 100%;
	background: #1e7bc9;
	border-bottom: 1px solid #fff;
	z-index: 1;
	float: left;
}
.userAction {
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 11px;
    margin-right: 10px;
    margin-left: 194px;
}

.userAction li {
    cursor: pointer;
    float: left;
	padding: 8px;	
}
.userAction li a {
	display:block;	
	font-size:14px;
	color: #FFFFFF;
    font-family: Tahoma,Geneva,Arial,sans-serif;
	font-weight: bold;
	white-space:nowrap;	
	margin:0;
	padding:0;
	z-index:100;	
}
.userAction li a:hover {
	text-decoration:none;
	color: #DAE23F;
}
.header_top {
	float: left;
	height: 130px;
	width: 100%;
}

.userLang {
	color: #EEEEEE;
    display: inline;
    float: right;
    font-size: 11px;
    margin-right: 10px;
}

.userLang ul li{
	border-left: 1px solid #2F2F2F;
    cursor: pointer;
    float: left;
}

.page_content
{
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 10px #E2E2E2;
    width:960px;
    margin:auto;    
    background:url(../images/bg/bg_all_page.gif)repeat-x scroll center top #FFFFFF;
}

.info
{
	width: 688px;	
	float: left;
	display: block;		
	border-color: #d6d6d6;	
	margin-bottom: 40px;
    margin-left:17px;
    border:1px solid #CCCCCC;
    box-shadow:1px 1px 10px #E2E2E2;
	border-radius: 5px 5px 5px 5px;
    margin-top:30px;    
}

    .info table td {
        text-align: left;
        width:220px;
    }
    .info table .content_td {        
        width: 120px;
        padding-left: 20px; 
        font-size: 13px;
    }
.cf_input {
    height: 20px;
    width: 180px;
    font-size: 12px;
    color: #717171;
    padding-left: 5px;
    box-shadow: 1px 1px 10px #E2E2E2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cf_input_200 {
    height: 20px; 
    width: 200px; 
    font-size: 12px; 
    color: #717171; 
    padding-left: 5px;
    font-size: 12px;
    color: #717171;
    padding-left: 5px;
    box-shadow: 1px 1px 10px #E2E2E2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
.left_content {
    float:left;
    margin-bottom:30px;
    width: 212px;
}
.deposit_content {
    float: left;
    margin-left: 10px;
    margin-top: 30px;
    box-shadow: 1px 1px 10px #E2E2E2;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
}
#phantrang_clip span a.page_next
{
	background: url('../images/clip_slide_right_click.png') no-repeat !important;
	height: 11px;
	margin-top: 3px;
	padding: 0 ;
	width: 12px;
}
	
#phantrang_clip span a.page_next:hover
{
	background: url('../images/clip_slide_right_click.png') no-repeat !important;
	height: 11px;
	margin-top: 3px;
	padding: 0 ;
	width: 12px;
}
	
#phantrang_clip span a.page_prev
{
	height: 11px;
	margin-top: 3px;
	padding: 0;
	width: 12px;
	background: url('../images/clip_slide_left_click.png') no-repeat !important;
}
	
#phantrang_clip span a.page_prev:hover
{
	height: 11px;
	margin-top: 3px;
	padding: 0;
	width: 12px;
	background: url('../images/clip_slide_left_click.png') no-repeat !important;
}
	
#phantrang_clip span span
{
	background-color:#F6F8FD;
	color: #003366;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 4px;
	width:auto;
	height:auto; 
}
	
#phantrang_clip span a
{
	background-color:#C6D5F5;
	color: #003366;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 4px;
	width:auto;
	height:auto;
}
	
#phantrang_clip span a:hover
{
	background-color:#F6F8FD;
	color: #003366;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 4px;
	width:auto;
	height:auto;
    text-decoration:none;
}

.titleleague {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
	border-bottom: 1px solid #D5D5D5;
    border-radius: 5px 5px 0 0;    
    width: 488px;
    float: left;
    font-family: Arial;
    color: #01B3F1;
    font-weight: 700;
    text-align: center;     
    padding-top: 9px;
    height: 24px;
    font-size: 14px;
	background: url(../images/leftNavBg.png) repeat-x;	
	
}
.mainHeader
{
	clear: both;
	text-align: left;
	padding-left:15px;
	padding-top:7px;        	
	background: url("../images/soccer/header.gif") repeat-x scroll 0 0 transparent;	
	color:#505050;
}
.mainHeader .title_date
{	
	font-weight: 600;   
}
.mainHeader > div
{
	float: left;
}
.contact_content {
    float:left;
    padding:0 15px 0 15px;
}
.categoryHeader
{
	height: 25px;    
	text-align: left;
	font-weight: 600;
	padding: 2px 5px 2px 5px;       	
	clear: both;
	color:#505050;
	cursor: pointer;
	background:url("../images/expand.png")no-repeat scroll 450px center transparent;	
}
.header_league_l
{
	background-color:#DAE2E8 !important;
}
.header_league_c {
    background-color: #FFFFFF !important;
}
.categoryHeader .title
{
	width: 96px;
	float: left;
	padding-top: 4px;	
}

.categoryHeader.expanded
{
   background:url("../images/collapse.png")no-repeat scroll 450px center transparent;
	height: 25px;    
	color:#505050;
	text-align: left;
	font-weight: 600;
	padding: 2px 5px 2px 5px;  	
}

.categoryHeader.expanded + div
{
	display: block;
}
.course 
{
	border-bottom: 1px dotted #666666;
}
.courseList
{
	clear: both;
}

.courseList > div
{
	float: left;
}

.courseList .userbet
{
	padding-right: 10px;
	padding-top: 8px;
	padding-left:3px;
	height: 20px;
	width: 475px;    
	float: left;
	text-align:left;
	color:#FF9200;
	font-weight:bold;
    background: #E4E4E4;
}

.courseList .wrap
{
	width: 100%;  
	border-top: 1px solid #CCCCCC;    	
}
.deposit_header
{
	background: url("../images/leftNavBg.png") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    height: 25px;	
	color:#01B3F1;
	font-size:14px;
	padding:10px 0 0 0;
	text-align:center;
	font-family:Tahoma;	
	font-weight:bold;
}
.phantrang
{
	background: url("../images/leftNavBg.png") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #D5D5D5;
    border-radius: 5px 5px 0 0;
    height: 25px;		
	padding:5px 0 0 0;
	text-align:center;
	border-top: 1px solid #D5D5D5;		
}
.title_user
{
	background: url("../images/leftNavBg.png") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #D5D5D5;
    border-radius: 5px;
    height: 25px;		
	padding:10px 0 0 0;
	text-align:center;
	color:#01B3F1;
	font-size:14px;
	font-weight:bold;
}
.makebet_zone_form {
	float: left;
	width: 100%;
	padding-left: 3px;
	padding-top:5px;
}
.ListLeague_title
{	
	height:22px;
	width:170px;
	color: #505050;
	float:left;
	text-align: left;
	padding-top:2px;   
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	-moz-border-radius:5px;
}
.ListLeague_dropdow
{
	margin-left: 5px;
	float:left;	
}
#ListHometeam
{
	float:left;
	width:100%;
	margin-top: 5px;
}
#Listcategory
{
	float:left;
	width:100%;
	margin-top: 5px;
}
.dropdowlist_bet
{
	text-align:center; 
	overflow:auto; 
	width:170px;
	height: 20px;
	border: 1px solid #CCCCCC;

}
#ListAwayteam
{
	margin-top:5px;
}
.oddsoption_content
{
	float: left;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 10px #E2E2E2;
	padding-left:9px;
	padding-top:5px;
	width:428px;

}
.odds_category_title {
	float: left;
	text-align: left;
	font-size: 14px;
	color: blue;
	font-weight: bold;
	
}
.oddsoption_maxbet {
	float: left;
	width: 100%;
	height: 30px;
	margin-top: 10px;
}
.oddsoption_score {
	float: left;
	margin-top: 5px;
	width: 100%;		
}
.oddsoption_title
{	 
	height:20px;
	color: blue;
	float:left;
	text-align:center; 
	padding-top:2px;   
	float: left;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	width:100%;    
}

.oddsoption_title ul {
	float: left;
	list-style: none;
	width: 100%;      
}
.oddsoption_title li {
	float: left;
	display: inline;    
}
#oddsoption
{
	width:100%;
	padding-top:15px;
	height:auto;
	min-height:300px;    
}
.notes_create
{
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 10px #E2E2E2;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	float: left;
	color: #505050 !important;
	width:456px;
	margin: 5px 0px 5px 10px;
	padding-left:10px;
}
.linedot
{
	height: 1px;
	width: 100%;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 1px 1px 10px #CCCCCC;
	-webkit-box-shadow: 1px 1px 10px #CCCCCC;
	box-shadow: 1px 1px 10px #CCCCCC;
}
.inputodds
{	
	color:#3A0851;
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 10px #E2E2E2;
	margin: 0 2px;    
	text-align: left;    
	width:50px;    
	height:18px !important;
}
.second_title {
	padding-left: 18px;
}
.oddsoption_intput {
	float: left;    
}
.oddsoption_intput ul{
	float: left;
	list-style: none;
	width: 100%;
}
.oddsoption_intput ul li {
	float: left;
	display: inline;
}
.oddsoption_action
{
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	margin-bottom: 2px;
	margin-top: 20px;
}
.betbtnsofbet
{
	background-color: #01B3F1;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	margin: 0 2px;
	padding: 2px 5px;
	text-align: left;
	white-space: nowrap;
	width:145px;
	cursor:pointer;
	font-size:11px;
}
.betbtnsofbet:hover
{
	background-color:#FFA500;
	color:#505050;
}

.disable_point {
    background-color: #FFA500;
    color: #505050;
}

.float_right
{
	float:right;
}
.listbetExactScore
{
	float:left;
	height:auto;
	width:100%;    
	padding-bottom:5px;	
	background-color:#FCFCFC;
}
.listbetExactScore_title
{
	color: Orange;
	font-style: normal;
	font-weight: 600;
	padding: 2px 2px 2px 5px;
	text-align: left;
	width: 100%;
	float: left;
}
.listbetExactScore .wrap_listbetExactScore_item
{
	padding-left:5px;
}
.titleBetType
{
	
}
.dropdowlist
{
	border: 1px solid #CCCCCC;
}
.headerAll
{
	background: url("../images/leftNavBg.png")repeat-x;
	border-bottom:1px solid #CCCCCC;
}
.colfirt
{	
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.collast
{
	border-bottom:1px solid #CCCCCC;
}
#match_inplay_content table tbody tr {
    background: url("../images/leftNavBg.png")repeat-x;
} 